<template>
    <div>
      <input type="file" @change="uploadFile" />
    </div>
  </template>
  
  <script>
  import axios from 'axios';
  export default {
    methods: {
      async uploadFile(event) {
        const file = event.target.files[0];
        
        // 创建一个FormData对象，用于发送文件数据
        const formData = new FormData();
        formData.append('file', file);
  
        try {
          // 发送文件到服务器
          const response = await axios.post('/upload', formData, {
            headers: {
              'Content-Type': 'multipart/form-data'
            }
          });
  
          // 处理上传成功后的逻辑
          console.log('文件上传成功！');
          console.log('服务器返回的数据：', response.data);
        } catch (error) {
          // 处理上传失败后的逻辑
          console.error('文件上传失败：', error);
        }
      }
    }
  }
  </script>